$height: var(--height_form);
$color1: var(--font_color_s);
$color2: var(--font_color_tip);
$color_adorn: var(--color_adorn2);
$borderRadius: var(--borderRadius);

@mixin transition($type: all) {
  transition: $type .2s;
}

zj-radio{ display: inline-block; }
.zj-radio{
  display: flex;
  align-items: center;
  // line-height: 1;
  font-size: inherit;
  color: $color1;
  .radio{
    flex-shrink: 0;
    font-size: $height;
    color: $color2;
    height: 1em;
    width: 1em;
    border-radius: 50%;
    border: 2rpx solid currentColor;
    display: flex;
    align-items: center;
    justify-content: center;
    @include transition;
    >view{
      font-size: .55em;
      color: #fff;
      transform: scale(0);
      @include transition;
    }
  }
  .radio_text{
    flex: 1;
    overflow: hidden;
    line-height: 1.4;
    font-size: inherit;
    color: inherit;
    margin-left: .5em;
    @include transition;
  }
}
.zj-radio.selected{
  color: $color_adorn;
  .radio{
    color: inherit;
    background-color: currentColor ;
    >view{ transform: scale(1); }
  }
}
.zj-radio.disabled{
  .radio{
    background-color: #f0f0f0 ;
  }
}